<template>
  <!-- 底部发表评论 -->
  <div class="com-answer">
    <input type="text" v-model="v1" placeholder="写评论。。。" />
    <span @click="goPublish">发表</span>
  </div>
</template>
<style lang="scss" scoped>
// 我发表评论
.com-answer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 54px;
  background: #fff;
  //   line-height: 50px;
  position: fixed;
  left: 0;
  bottom: 0;
  input {
    height: 36px;
    width: 270px;
    background: #f6f6f6;
    margin-left: 10px;
    vertical-align: middle;
    font-weight: 600;
    color: #b2b2b2;
    padding: 0 10px;
    box-shadow: none;
    /*聚焦input的蓝色边框*/
    outline: none;
    /*textarea 禁止拖拽*/
    resize: none;
    /*去除边框*/
    border: none;
    //   &:-webkit-input-placeholder{
    //      color: #7ab4ff !important;
    //   }
    border-radius: 5px;
    &:focus {
      // border: 0;
      border-color: rgb(255, 255, 255);
    }
  }
  span {
    font-size: 16px;
    padding: 0 18px;
    font-weight: 400;
  }
}
</style>